import { defineComponent } from "vue";
import Search from "../Search";
import FilterMenu from "../FilterMenu";
import { filterMenuSearchProps } from "./types";
export default defineComponent({
  name: "",
  props: filterMenuSearchProps,
  setup(_) {
    return () => {
      return (
        <div class="flex flex-col">
          {_.showSearch && (
            <Search
              v-model={_.modelValue[_.searchKey]}
              placeholder={_.placeholder}
            />
          )}
          <FilterMenu {..._} v-model={_.modelValue} />
        </div>
      );
    };
  },
});
